<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <style>
                @import url('resources/css/default.css');
                @import url('resources/prime-ui/primeui-1.1-min.css');
            </style>
                
            <script type="text/javascript" src="resources/prime-ui/primeui-1.1-min.js"></script>            
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>sitemas básicos</title>
            </f:facet>
        </h:head>

        <h:body>
            <p:layout fullPage="true">
                <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                    <h:form>
                        
                    <p:outputLabel value="atom web"></p:outputLabel> <br />                    
                    <p:outputLabel id="usuario_sistema" value="Bienvenido: #{sesion.usuario}" ></p:outputLabel> <br />
                    <p:outputLabel id="hora_sistema" value="Hora: #{sesion.fecha_hora}" ></p:outputLabel> <br />
                    <p:commandLink action="#{login.logout}" value="Logout" />
                    <ui:insert name="header"></ui:insert>
                    </h:form>
                </p:layoutUnit>                
                
                

                <p:layoutUnit position="west" size="200" header="Left" collapsible="true">
                    <h:form>
                        <p:menu>
                            <p:submenu label="Resources">
                                <p:menuitem value="Welcome page" url="welcomePrimefaces.xhtml" />
                                <p:menuitem value="Prime resources" url="prime.xhtml" />

                                <p:menuitem value="Nueva Factura" action="#{navegacion.factura}" ajax="false"/>
                                <p:menuitem value="Clientes" action="#{navegacion.clientes}" ajax="false"/>
                            </p:submenu>
                        </p:menu>
                    </h:form>
                </p:layoutUnit>               
                
                

                <p:layoutUnit position="center" id="content_center">
                    <ui:include src="#{navegacion.pagina_actual}" ></ui:include>
                    
                    
                </p:layoutUnit>
                
                
                
                
                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    <p:outputLabel value="© sistemas básicos 2014"  style="font-size: 9px;"></p:outputLabel>                    
                </p:layoutUnit>

            </p:layout>
        </h:body>
    </f:view>
</html>

